<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="/stylesheets/main.css" />
		<link rel="stylesheet" href="/stylesheets/root.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>最新登录界面</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.back img{
				width: 90%;
			}
			.bot{
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			
			.welcome{
				font-size: 30px;
			}
			input{
				display: block;
				width: 70vw;
				height: 10vw;
				border: black solid 2px;
				border-radius: 10px;
				font-size: 2vh;
				margin-top: 5vh;
			}
			.link-box{
				width: 70vw;
				margin-top: 1vh;
				font-size: 18px;
			}
			.link-box a:nth-child(1){
				float: left;
				text-decoration: none;
			}
			.link-box a:nth-child(2){
				float: right;
				text-decoration: none;
			}
			.chooic-box{
				margin-top: 10vh;
				margin-left: 2vw;
				width: 95%;
				display: flex;
				flex-direction: row;
				box-sizing: border-box;
				
			}
			.chooic-box a{
				text-decoration: none;
			}
			.choic{
				width: 25px;
				height: 20px;
				border: grey solid 1vw;
			}
		</style>
	</head>
	<body>
		<div class="back">
			<img src="../images/q/login/cat.png">
		</div>
		
		<div  class="bot">
			<div class="welcome">Welcome to login!</div>
				<div>
					<input class="userName" type="text" name="userName" placeholder=" 请输入账号">
				</div>
				<div>
					<input class="userPswd" type="password" name="userPswd" placeholder=" 请输入密码">
				</div>
			<div class="link-box">
			    <a href="#">注册</a>
			    <a href="#">忘记密码</a>
			</div>
			<div>
			    <input style="background-color: black; color: #fff;width: 30vw;" type="submit" value="登 录">
			</div>
		</div>
		<div class="chooic-box">
			<div class="choic"></div>
			<div style="margin-left: 10px;">
			注册即代表您同意<a href="#">《我的协议》</a>和<a href="#">《隐私保护指引》</a>
			以及<a href="#">《中国移动认证服务条数》</a>
			</div>
		</div>
	</body>
</html>